<template>
  <!-- 种公档案 -->
  <div>
    <el-button type="danger">新增</el-button><br />
    <span style="font-weight: bold">基本信息</span>
  </div>

  <el-form :inline="true" :model="formInline" class="demo-form-inline">
    <el-form-item label="耳号">
      <el-input v-model="formInline.user" placeholder="请输入耳号" clearable />
    </el-form-item>
    <el-form-item label="品种">
      <el-select
        v-model="formInline.region"
        placeholder="请输入品种"
        clearable
        style="width: 180px"
      >
        <el-option label="Zone one" value="shanghai" />
        <el-option label="Zone two" value="beijing" />
      </el-select>
    </el-form-item>
    <br />
    <el-form-item label="电子耳标号">
      <el-date-picker
        v-model="formInline.date"
        type="date"
        placeholder="请输入电子耳标号"
        clearable
      />
    </el-form-item>
    <el-form-item label="基因等级">
      <el-select
        v-model="formInline.region"
        placeholder="请输入基因等级"
        clearable
        style="width: 180px"
      >
        <el-option label="Zone one" value="shanghai" />
        <el-option label="Zone two" value="beijing" />
      </el-select>
    </el-form-item>
  </el-form>
  <span style="font-weight: bold">出生信息</span>
  <el-form :inline="true" :model="formInline" class="demo-form-inline">
    <el-form-item label="父亲耳号">
      <el-select
        v-model="formInline.region"
        placeholder="请选择父亲耳号"
        clearable
        style="width: 180px"
      >
        <el-option label="Zone one" value="shanghai" />
        <el-option label="Zone two" value="beijing" />
      </el-select>
    </el-form-item>
    <el-form-item label="母亲耳号">
      <el-select
        v-model="formInline.region"
        placeholder="请选择母亲耳号"
        clearable
        style="width: 180px"
      >
        <el-option label="Zone one" value="shanghai" />
        <el-option label="Zone two" value="beijing" />
      </el-select>
    </el-form-item>
    <el-form-item label="出生日期">
      <el-date-picker
        v-model="formInline.region"
        type="date"
        placeholder="选择出生日期"
        style="width: 180px"
      />
    </el-form-item>
    <br />
    <el-form-item label="入场日期">
      <el-date-picker
        v-model="formInline.region"
        type="date"
        placeholder="选择入场日期"
        style="width: 180px"
      />
    </el-form-item>
    <el-form-item label="出生场地">
      <el-input
        v-model="formInline.user"
        placeholder="请输入出生场地"
        style="width: 180px"
      />
    </el-form-item>

    <el-form-item label="出生重（公斤）">
      <el-date-picker
        v-model="formInline.date"
        type="date"
        placeholder="请输入出生重（公斤）"
        clearable
      />
    </el-form-item>
    <br />
    <el-form-item label="备注">
      <el-input
        v-model="formInline.user"
        type="textarea"
        placeholder="请输入备注信息"
        style="width: 180px"
      />
    </el-form-item>
  </el-form>
</template>

<script setup lang="ts">
import { reactive, ref, onMounted } from 'vue';
import axios from 'axios';
import { useRoute, useRouter } from 'vue-router';
import { ElMessage, ElMessageBox } from 'element-plus';
const route = useRoute();
const router = useRouter();

const formInline = reactive({
  user: '',
  region: '',
  date: ''
});
</script>

<style scoped></style>
